<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>uupaa-selector.js - Reference</title>
<style type="text/css">@import url(./README.css);</style>
<script type="text/javascript" src="http://uupaa-js-spinoff.googlecode.com/svn/trunk/uupaa-detect.js/uupaa-detect.mini.js"></script>
<script type="text/javascript" src="http://uupaa-js-spinoff.googlecode.com/svn/trunk/uupaa-mutationevent.js/uupaa-mutationevent-lite.mini.js"></script>
<script type="text/javascript" src="uupaa-selector.js"></script>
</head>
<body>
<p>
   | <a href="http://code.google.com/p/uupaa-js-spinoff/">Project Home(Google Code)</a>
   | <a href="./README.htm">README</a>
   | <a href="./DEMO.htm">DEMO</a>
   | <a href="./CLASS.htm">Reference</a> |<br />
   | <a href="./CHANGELOG.htm">ChangeLog</a>
   | <a href="./LICENSE.htm">License</a>
   | <a href="http://uupaa-js.googlecode.com/svn/trunk/GLOSSARY.htm">Glossary</a>
   |
</p>

<hr />
|
<a href="#uu.id">uu.id</a> |
<a href="#uu.tag">uu.tag</a> |
<a href="#uu.className">uu.className</a> |
<a href="#uu.css">uu.css</a> |
<a href="#uu.xpath">uu.xpath</a> |

<hr />
<dl>
<!-- -->
  <dt><a name="uu.id">uu.id</a> - ID Selector - IDセレクタ</dt>
  <dd>
    <p>uu.id(<i>id</i>) は <i>id</i> と一致する id 属性を持つ要素を検索し、
       <a href="http://uupaa-js.googlecode.com/svn/trunk/GLOSSARY.htm#Element">Element</a> を返します。</p>
<pre>
@param String id        - ID を指定します。
@return Element/null    - 検索成功で要素の参照を返します。失敗で null を返します。
</pre>
    <a href="javascript:alert(uu.id('uu.id_ID1').innerHTML);alert(uu.id('uu.id_ID2').innerHTML);void 0" class="run">Run</a>
    <div id="uu.id_ID1">uu.id test div element 1</div>
    <div id="uu.id_ID2">uu.id test div element 2</div>

<pre class="eg">
&lt;div id="uu.id_ID1"&gt;uu.id test div element 1&lt;/div&gt;
&lt;div id="uu.id_ID2"&gt;uu.id test div element 2&lt;/div&gt;

alert(<b>uu.id</b>('uu.id_ID1').innerHTML); <u>// "uu.id test div element 1"  with cache</u>
alert(<b>uu.id</b>('uu.id_ID2').innerHTML); <u>// "uu.id test div element 2"  with cache</u>
</pre>
  </dd>

<!-- -->
  <dt><a name="uu.tag">uu.tag</a> - Tag/Element Selector - タグ(要素)セレクタ</dt>
  <dd>
    <p>uu.tag(<i>tagName</i>, <i>context</i> = document) は
       <i>context</i> 以下のノードツリーから <i>tagName</i> と一致する要素を検索し、
          発見した要素の配列( <a href="http://uupaa-js.googlecode.com/svn/trunk/GLOSSARY.htm#ElementArray">ElementArray</a> )を返します。</p>
    <p>ワイルドカード("*")を指定すると全てのタグを検索します。</p>
<pre>
@param String  tagName   - タグ名を指定します。
                           ワイルドカード("*")を指定すると、全てのタグを検索します。
@param Element [context] - 検索開始位置(コンテキスト)を指定します。デフォルトは document です。
                           document を指定するとノードツリーの先頭から全ての要素を検索します。
@return ElementArray     - 検索成功で <a href="http://uupaa-js.googlecode.com/svn/trunk/GLOSSARY.htm#ElementArray">ElementArray</a>( [element, ...] )を返します。
                           失敗で空の ElementArray( [] )を返します。
</pre>
    <a href="javascript:uu.tag('div',uu.id('uu.tag_Example')).forEach(function(v){alert(v.id);});void 0" class="run">Run</a>
<div id="uu.tag_Example">
  <div id="uu.tag_ID1">uu.tag test div element 1</div>
  <div id="uu.tag_ID2">uu.tag test div element 2</div>
  <div id="uu.tag_ID3">uu.tag test div element 3</div>
</div>

<pre class="eg">
&lt;div id="uu.tag_Example"&gt;
  &lt;div id="uu.tag_ID1"&gt;uu.tag test div element 1&lt;/div&gt;
  &lt;div id="uu.tag_ID2"&gt;uu.tag test div element 2&lt;/div&gt;
  &lt;div id="uu.tag_ID3"&gt;uu.tag test div element 3&lt;/div&gt;
&lt;/div&gt;

<b>uu.tag</b>('div', uu.id('uu.tag_Example')).forEach(function(v) {
  alert(v.id); <u>// uu.tag_ID1, uu.tag_ID2, uu.tag_ID3</u>
});
</pre>
  </dd>
<!-- -->
  <dt><a name="uu.className">uu.className</a> - Class Selector - クラスセレクタ</dt>
  <dd>
    <p>uu.className(<i>className</i>, <i>context</i> = document) は
       <i>context</i> 以下のノードツリーから、次に示す2つの条件を満たす要素を検索し、
          発見した要素の配列( <a href="http://uupaa-js.googlecode.com/svn/trunk/GLOSSARY.htm#ElementArray">ElementArray</a> )を返します。</p>
    <ol>
      <li><i>className</i> が スペースを含まない文字列なら、element.className と <i>className</i> の値が完全に一致すること</li>
      <li><i>className</i> が スペースで区切られたクラス名の集合なら、element.className が <i>className</i> で指定されたクラス名を全て含んでいること</li>
    </ol>
    <p><i>className</i> には、スペース区切りで複数のクラス名を指定可能です。
      <br />要素(&lt;div class="bbb ccc aaa"&gt;&lt;/div&gt;)を検索するには、
      <br />uu.className("aaa bbb") や uu.className("aaa ccc") とすることができます。
    </p>
<pre>
@param String  className - クラス名を指定します。スペース区切りで複数のクラス名を指定することもできます。
@param Element [context] - 検索開始位置(コンテキスト)を指定します。デフォルトは document です。
                           document を指定するとノードツリーの先頭から全ての要素を検索します。
@return ElementArray     - 検索成功で <a href="http://uupaa-js.googlecode.com/svn/trunk/GLOSSARY.htm#ElementArray">ElementArray</a>( [element, ...] )を返します。
                           失敗で空の ElementArray( [] )を返します。
</pre>
    <a href="javascript:uu.className('note white').forEach(function(v){alert(v.innerHTML);});" class="run">Run</a>
<div id="uu.className_Example">
  <div class="white note">white note</div>
  <div class="super note">super note</div>
  <div class="note">note</div>
</div>

<pre class="eg">
&lt;div id="uu.className_Example"&gt;
  &lt;div class="white note"&gt;white note&lt;/div&gt;
  &lt;div class="super note"&gt;super note&lt;/div&gt;
  &lt;div class="note"&gt;note&lt;/div&gt;
&lt;/div&gt;
<b>uu.className</b>('note white').forEach(function(v) {
  alert(v.innerHTML); // "white note"
});
</pre>
  </dd>

<!-- -->
  <dt><a name="uu.css">uu.css</a> - CSS Selector - CSSセレクタ</dt>
  <dd>
    <p>uu.css(<i>expr</i>, <i>context</i> = document) は
       <i>context</i> 以下のノードツリーから CSSセレクタ式(<i>expr</i>) に一致する要素を検索し、
       発見した要素の配列( <a href="http://uupaa-js.googlecode.com/svn/trunk/GLOSSARY.htm#ElementArray">ElementArray</a> )を返します。</p>
    <p>特定のノード以下の要素を検索する場合は、<i>context</i> を指定します。
       全ノードを検索する場合は、<i>context</i> の指定を省略できます。</p>
    <p><a href="#List_of_CSS_Selectors">使用可能なCSSセレクタの一覧</a>をご覧ください。</p>
    <p>HTMLDocument(content-type: text/html)なら タグの大小文字を無視して検索を行います(uu.css("a")で&lt;a&gt;も&lt;A&gt;もヒット)。
       XMLLDocument(content-type: text/xml, application/xml, application/xhtml+xml) なら タグの大文字/小文字を区別します。</p>
    <p>擬似要素のセミコロンは1つでも2つでも同じ結果になります(:before と ::before は同じ)。</p>
    <p>擬似要素(::first-line, ::first-letter, ::before, ::after)はエラーになりませんが、擬似要素の指定が無かったものとして扱います(div &gt; a::after は div &gt; a と同じ結果になります)。</p>
    <p>利用可能な場合は他のセレクタ(uu.id, uu.tag, uu.className)を利用することを検討してください。これらは uu.css よりも高速に動作します。</p>
<pre>
@param String  expr      - CSS セレクタを指定します。
@param Element [context] - 検索開始位置(コンテキスト)を指定します。デフォルトは document です。
                           document を指定するとノードツリーの先頭から全ての要素を検索します。
@return ElementArray     - 検索成功で <a href="http://uupaa-js.googlecode.com/svn/trunk/GLOSSARY.htm#ElementArray">ElementArray</a>( [element, ...] )を返します。
                           失敗で空の ElementArray( [] )を返します。
@throws TypeError "css(...)" 使用できないセレクタを指定した
</pre>

    <a href="javascript:uu.css('span:nth-last-of-type(1)', uu.id('two')).forEach(function(v){alert(v.innerHTML);});uu.css('#one > SPAN:nth-last-of-type(1)').forEach(function(v) {alert(v.innerHTML);});void 0" class="run">Run</a>
<div>
  <div id="one"><span>span1</span><span>span2</span></div>
  <DIV id="two"><SPAN>SPAN3</SPAN><SPAN>SPAN4</SPAN></DIV>
</div>

<pre class="eg">
&lt;div&gt;
  &lt;div id="one"&gt;&lt;span&gt;span1&lt;/span&gt;&lt;span&gt;span2&lt;/span&gt;&lt;/div&gt;
  &lt;DIV id="two"&gt;&lt;SPAN&gt;SPAN3&lt;/SPAN&gt;&lt;SPAN&gt;SPAN4&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;/div&gt;

<b>uu.css</b>('span:nth-last-of-type(1)', uu.id('two')).forEach(function(v) {
  alert(v.innerHTML); <u>// "SPAN4"</u>
});
<b>uu.css</b>('#one &gt; SPAN:nth-last-of-type(1)').forEach(function(v) {
  alert(v.innerHTML); <u>// "span2"</u>
});
</pre>


  <dt><a name="List_of_CSS_Selectors">List of the available CSS selectors - uu.css で使用可能なCSSセレクタの一覧</a></dt>
  <dd>
    <p><a href="#uu.css">uu.css</a> で指定可能な CSS セレクタの一覧です。</p>
    <table>
    <tr><th>CSS Selectors           </th><th>Note</th></tr>
    <tr><td>uu.css('*')             </td><td>Universal selector<hr />全ての要素と一致します。
                                              <br /><br />More better(より良い方法): uu.tag('*')</td></tr>
    <tr><td>uu.css('#id')           </td><td>ID selectors<hr />属性id が "id" の要素と一致します。
                                              <br /><br />More better(よりよい方法): uu.id('id')</td></tr>
    <tr><td>uu.css('.classA')<br />
            uu.css('.classA.classB')</td><td>Class selectors<hr />属性classが"classA"を含んでいる要素と一致します。
                                              <br />classAとclassBが指定されている場合は両方を含んでいる要素と一致します。
                                              <br /><br />More better(よりよい方法): uu.className('classA'), uu.className('classA classB')</td></tr>
    <tr><td>uu.css('<i>E</i>')      </td><td>Type selectors<hr />全ての要素Eと一致します。
                                              <br /><br />More better(よりよい方法): uu.tag('<i>E</i>')</td></tr>
    <tr><td>uu.css('<i>E, F, G</i>') </td><td>Selectors group<hr />複数のセレクタを一度に指定できます。<br />個々のセレクタの評価結果を纏めて返します。<br />重複する要素は一つにまとめます。<br />いずれかのセレクタの評価が失敗すると全て失敗します(空の配列を返します)。</td></tr>
    <tr><td>uu.css('<i>E F</i>')    </td><td>Descendant combinator<hr />要素Eの子孫の全ての要素Fと一致します。
                                              <br /><br />More better(よりよい方法): uu.tag('<i>F</i>', <i>E</i>)</td></tr>
    <tr><td>uu.css('<i>E > F</i>')   </td><td>Child combinator<hr />要素Eの子供の要素Fと一致します。</td></tr>
    <tr><td>uu.css('<i>E + F</i>')</td><td>Adjacent sibling combinator<hr />要素EとFが兄弟で、要素Eと隣接する要素Fと一致します。<br />最大で1つの要素がヒットします。</td></tr>
    <tr><td>uu.css('<i>E ~ F</i>')</td><td>General sibling combinator<hr />要素EとFが兄弟で、要素Eの後に存在する要素Fと一致します。<br />複数の要素がヒットする可能性があります。</td></tr>
    <tr><td>uu.css('<i>E[A]</i>')    </td><td>Attribute selectors<hr />属性Aを持つ全ての要素Eと一致します。属性の値は問いません。</td></tr>
    <tr><td>uu.css('<i>E[A="V"]</i>')</td><td>Attribute selectors<hr />属性Aの値がVの全ての要素Eと一致します。</td></tr>
    <tr><td>uu.css('<i>E[A~="V"]</i>')</td><td>Attribute selectors<hr />属性Aの値がスペース区切りのリストで、<br />リストがVを含む全ての要素Eと一致します。</td></tr>
    <tr><td>uu.css('<i>E[A|="V"]</i>')</td><td>Attribute selectors<hr />属性Aの値がハイフン区切りのリストで、<br />"V"または"V-"で始まる単語を含む全ての要素Eと一致します。</td></tr>
    <tr><td>uu.css('<i>E[A^="V"]</i>')</td><td>Attribute selectors<hr />属性Aの値がVで始まる全ての要素Eと一致します。</td></tr>
    <tr><td>uu.css('<i>E[A$="V"]</i>')</td><td>Attribute selectors<hr />属性Aの値がVで終わる全ての要素Eと一致します。</td></tr>
    <tr><td>uu.css('<i>E[A*="V"]</i>')</td><td>Attribute selectors<hr />属性Aの値がVを含む全ての要素Eと一致します。</td></tr>
    <tr><td>uu.css('<i>E[A!="V"]</i>')</td><td>Attribute selectors<hr />属性Aの値がVと一致しない全ての要素Eと一致します。</td></tr>
    <tr><td>uu.css('<i>E</i>:contains(text)')</td><td>テキストノードがtextを含んでいる要素と一致します。</td></tr>

    <tr><td>uu.css('<i>E</i>:not(expr)')</td><td>exprに一致しない要素Eと一致します。<br />expr には * , #<i>id</i> , .<i>class</i> および <i>E</i> を指定できます。</td></tr>
    <tr><td>uu.css(':root')             </td><td>Pseudo-class<hr />ルート要素(HTML要素)と一致します。
                                              <br /><br />More better(よりよい方法): uu.tag('html') or document.documentElement</td></tr>
    <tr><td>uu.css('<i>E</i>:first-child')</td><td>Pseudo-class<hr />最初の子要素と一致します。</td></tr>
    <tr><td>uu.css('<i>E</i>:last-child')</td><td>Pseudo-class<hr />最後の子要素と一致します。</td></tr>
    <tr><td>uu.css('<i>E</i>:only-child')</td><td>Pseudo-class<hr />一人っ子と一致します。</td></tr>
    <tr><td>uu.css('<i>E</i>:nth-child(<a href="#anb"><i>an+b</i></a>)')     </td><td>Pseudo-class<hr />先頭から数えて<br />(n|even|odd|an+b)番目の兄弟要素と一致します。</td></tr>
    <tr><td>uu.css('<i>E</i>:nth-last-child(<a href="#anb"><i>an+b</i></a>)')</td><td>Pseudo-class<hr />末尾から数えて<br />(n|even|odd|an+b)番目の兄弟要素と一致します。</td></tr>
    <tr><td>uu.css('<i>E</i>:first-of-type')</td><td>Pseudo-class<hr />E要素と同じ要素名の兄弟で、最初の兄弟と一致します。</td></tr>
    <tr><td>uu.css('<i>E</i>:last-of-type')</td><td>Pseudo-class<hr />E要素と同じ要素名の兄弟で、最後の兄弟と一致します。</td></tr>
    <tr><td>uu.css('<i>E</i>:only-of-type')</td><td>Pseudo-class<hr />要素Eの親からみてユニークなEであれば一致します。<br />兄弟にEがいれば一致しません。</td></tr>
    <tr><td>uu.css('<i>E</i>:nth-of-type(<a href="#anb"><i>an+b</i></a>)')     </td><td>Pseudo-class<hr />E要素と同じ要素名の兄弟を先頭から数えて<br />(n|even|odd|an+b)番目の兄弟要素と一致します。</td></tr>
    <tr><td>uu.css('<i>E</i>:nth-last-of-type(<a href="#anb"><i>an+b</i></a>)')</td><td>Pseudo-class<hr />E要素と同じ要素名の兄弟を末尾から数えて<br />(n|even|odd|an+b)番目の兄弟要素と一致します。</td></tr>
    <tr><td>uu.css('<i>E</i>:empty')</td><td>Pseudo-class<hr />独身(子要素やテキストノードを持たない要素E)と一致します。</td></tr>
    <tr><td>uu.css('<i>E</i>:lang(en)')</td><td>Pseudo-class<hr />要素のlang属性が"en"や"en-US"な要素と一致します。</td></tr>
    <tr><td>uu.css('<i>E</i>:contains("Hello")')</td><td>Pseudo-class<hr />"Hello"を含んでいるテキストノードを持つ要素と一致します。</td></tr>
    <tr><td>uu.css('<i>E</i>:enabled')</td><td>Pseudo-class<hr />disabled 属性に "disabled" 以外の値が設定されている要素と一致します。</td></tr>
    <tr><td>uu.css('<i>E</i>:disabled')</td><td>Pseudo-class<hr />disabled 属性に "disabled" が設定されている要素と一致します。</td></tr>
    <tr><td>uu.css('<i>E</i>:checked')</td><td>Pseudo-class<hr />チェックされている要素(radiobox, checkbox)と一致します。</td></tr>
    <tr><td>uu.css('<i>E</i>:contains("foo")')</td><td>Pseudo-class<hr />テキストノードが "foo" を含んでいる要素と一致します。</td></tr>
    <tr><td>uu.css('<i>E</i>:link')</td><td>Pseudo-class<hr />未訪問のリンクを持つ要素と一致します。</td></tr>
    <tr><td>uu.css('<i>E</i>:visited')</td><td>Pseudo-class<hr />訪問済みのリンクを持つ要素と一致します。この機能はプライバシーに配慮しOFFになっています。</td></tr>
    <tr><td>uu.css('<i>E</i>:hover')</td><td>Pseudo-class<hr />マウスカーソルの真下に位置する要素Eと一致します。<br />IE等の一部のブラウザでは、Eにa要素のみ指定可能です。</td></tr>
    <tr><td>uu.css('<i>E</i>:focus')</td><td>Pseudo-class<hr />フォーカスを持っている要素と一致します。<br />IE等の一部のブラウザでは、Eにa要素やフォーム部品のみ指定可能です。</td></tr>
    <tr><td>uu.css('<i>E</i>:target')</td><td>Pseudo-class<hr />ページのURIのhashが示すid(またはname)属性を持つ要素と一致します。
                                              <br />ページのURIが ./index.html#topic1 の時に、
                                              <br />&lt;a id="topic1"&gt;&lt;/a&gt; や
                                              <br /> &lt;a name="topic1"&gt;&lt;/a&gt; とマッチします。</td></tr>
    <tr><td>uu.css('<i>E</i>:first-line')<br />
            uu.css('<i>E</i>::first-line')</td><td>Pseudo-element<hr />要素の先頭行と一致します。
                                              <br />実際には要素の先頭行を持つ要素と一致します。
                                              <br />つまり、div&gt;ul::first-line は div&gt;ul と同じ結果になります。</td></tr>
    <tr><td>uu.css('<i>E</i>:first-letter')<br />
            uu.css('<i>E</i>::first-letter')</td><td>Pseudo-element<hr />要素の先頭文字と一致します。
                                              <br />実際には要素の先頭文字を持つ要素と一致します。
                                              <br />つまり、div&gt;ul::first-letter は div&gt;ul と同じ結果になります。</td></tr>
    <tr><td>uu.css('<i>E</i>:before')<br />
            uu.css('<i>E</i>::before')</td><td>Pseudo-element<hr />要素の前に追加される擬似的な要素と一致します。
                                              <br />実際には要素の先頭行を持つ要素と一致します。
                                              <br />つまり、div&gt;ul::before は div&gt;ul と同じ結果になります。</td></tr>
    <tr><td>uu.css('<i>E</i>:after')<br />
            uu.css('<i>E</i>::after')</td><td>Pseudo-element<hr />要素の後ろに追加される擬似的な要素と一致します。
                                              <br />実際には要素の先頭文字を持つ要素と一致します。
                                              <br />つまり、div&gt;ul::after は div&gt;ul と同じ結果になります。</td></tr>
    </table>
  </dd>
  <dt><a name="anb">:nth-child(an+b) について</a></dt>
  <dd>
    <p>:nth-child(an+b), :nth-last-child(an+b), :nth-of-type(an+b), :nth-last-of-type(an+b) の an+b には計算式を指定します。
      <br />テーブルやリストの行をゼブラカラーにする場合などに多用されます。
    </p>
    <p>a には「何番目を繰り返し選択するか」を数値で指定します。a=2 なら順番的に2で割り切れる要素を選択し、a=3なら順番的に3で割り切れる要素を選択します。aを省略するか1を指定すると全ての要素を選択します。
      <br />b には「先頭から何番目以降の要素を選択するか」を数値で指定します。b=0なら先頭の要素を選択し、b=1なら先頭から2番目の要素を選択します。bを省略すると 0が指定されたものとして扱います。
    </p>
    <ul>
      <li>uu.css("<i>E</i>:nth-child(3)"): 先頭から数えて4番目の兄弟要素と一致します。</li>
      <li>uu.css("<i>E</i>:nth-child(even)"): 先頭から数えて偶数番目の兄弟要素と一致します。0,2,4...番目の要素が"even"と一致します。</li>
      <li>uu.css("<i>E</i>:nth-child(odd)"): 先頭から数えて奇数番目の兄弟要素と一致します。1,3,5...番目の要素が"odd"と一致します。</li>
      <li>uu.css("<i>E</i>:nth-child(2n)"): "even"と同じです。</li>
      <li>uu.css("<i>E</i>:nth-child(2n+1)"): "odd"と同じです。</li>
      <li>uu.css("<i>E</i>:nth-child(4n+1)"): 4で割って余りが0の番号を持つ要素を選択します。</li>
      <li>uu.css("<i>E</i>:nth-child(4n+2)"): 4で割って余りが1の番号を持つ要素を選択します。</li>
      <li>uu.css("<i>E</i>:nth-child(4n+3)"): 4で割って余りが2の番号を持つ要素を選択します。</li>
      <li>uu.css("<i>E</i>:nth-child(4n+4)"): 4で割って余りが3の番号を持つ要素を選択します。</li>
      <li>uu.css("<i>E</i>:nth-child(-n+3)"): 先頭から要素を3つ選択します。</li>
      <li>uu.css("<i>E</i>:nth-last-child(-n+3)"): 末尾から要素を3つ選択します。</li>
    </ul>
  </dd>

<!-- -->
  <dt><a name="uu.xpath">uu.xpath</a> - XPath Selector - XPathセレクタ</dt>
  <dd>
    <p>uu.xpath(<i>expr</i>, <i>context</i> = document) は
       <i>context</i> 以下のノードツリーから XPath式(<i>expr</i>)に一致する要素を検索し、
       発見した要素の静的な配列( <a href="http://uupaa-js.googlecode.com/svn/trunk/GLOSSARY.htm#ElementArray">ElementArray</a> )を返します。
       <br />返される配列は、静的(スナップショット)で要素順にソートされています。</p>
    <p>特定のノード以下の要素を検索する場合は、<i>context</i> を指定します。
       全ノードを検索する場合は、<i>context</i> の指定を省略できます。</p>
    <p><b>注意: </b>uu.xpath('//input[@checked and @checked="checked"]')としても、<a href="http://d.hatena.ne.jp/uupaa/20080620/1213964325">@checked の値を正しく取得できません</a>。
       フォームの属性を正しく取得するには、uu.css("input[属性名=値]") 等としてください。
    </p>
<pre>
@param String  expr      - XPath の評価式(ロケーションパス)を指定します。
@param Element [context] - 検索開始位置(コンテキスト)を指定します。デフォルトは document です。
                           document を指定するとノードツリーの先頭から全ての要素を検索します。
                           コンテキストを指定した場合は、exprに"//"ではなく"./"で始まる文字列を指定します。
@return ElementArray     - 検索成功で <a href="http://uupaa-js.googlecode.com/svn/trunk/GLOSSARY.htm#ElementArray">ElementArray</a>( [element, ...] )を返します。
                           失敗で空の ElementArray( [] )を返します。
</pre>
    <a href="javascript:uu.xpath('./p[@id]', uu.id('uu.xpath_Example')).forEach(function(v){alert(v.id);});void 0" class="run">Run</a>
<div id="uu.xpath_Example">
  <p id="xpath_id1">xpath_id1</p>
  <p id="xpath_id2">xpath_id2</p>
</div>
<pre class="eg">
&lt;div id="uu.xpath_Example"&gt;
  &lt;p id="xpath_id1"&gt;xpath_id1&lt;/p&gt;
  &lt;p id="xpath_id2"&gt;xpath_id2&lt;/p&gt;
&lt;/div&gt;
&lt;script&gt;
    <b>uu.xpath</b>('./p[@id]', uu.id('uu.xpath_Example')).forEach(function(v) {
      alert(v.id); <u>// "xpath_id1", "xpath_id2"</u>
    });
&lt;/script&gt;
    </pre>
  </dd>
</dl>

</body>
</html>
